<template>
    <div class="document content">
            <el-button @click="openDiago">购买</el-button>
            <!-- :projectids="projectid" -->
            <dialog-product v-model="dialogVisible"  @close="queryStatisticData"></dialog-product>
    </div>
</template>

<script>
import DialogProduct from './components/dialog-product.vue';
import CONFIG_PROJECT from '@config/project';
import { mapActions } from 'vuex';
export default {
    layout: 'client',
    head: {
        title: `文件详情·文件模板·${CONFIG_PROJECT.title}`,
    },
    components: { 
        DialogProduct,
    },
    data() {
        return {
            dialogVisible: false,
        };
    },
    computed: {},
    methods: {
        ...mapActions({
            showLogin: 'global-dialog/showLogin',
            queryStatisticData: 'userinfo/queryStatisticData',
        }),

        openDiago() {
            this.dialogVisible = true;
        },
       

     
    },
    created() {
    },
    mounted() {
       
        this.queryStatisticData();
    },
    watch:{
        // detail:{
        //     handler(n, o) {console.log(n);}
        // }
    }
};
</script>

<style lang="scss" scoped>
@import '@css/var.scss';

.document {
    margin-top: 12px;
    .file {
    }
}

.copyright {
    margin-bottom: 34px;
    color: #666;
}
</style>
 